<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>线下商户</title>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/commontCust.css" />
		<link rel="stylesheet" type="text/css" href="../../css/style.css" />
		<link rel="stylesheet" type="text/css" href="../../css/title.css" />
		<link rel="stylesheet" type="text/css" href="../../css/mui.picker.css" />
		<link rel="stylesheet" type="text/css" href="../../css/mui.poppicker.css" />
		<style>
			ul {
				margin: 4px 0px 8px 0px;
				padding: 0px;
				height: 100%;
				width: 96%;
				list-style-type: none;
			}
			
			li {
				margin-top: 6px;
			}
			
			.liDivWrap {
				width: 100%;
				height: 120px;
				background: white;
				padding: 10px;
			}
			
			.mui-btn {
				font-size: 16px;
				padding: 8px;
				margin: 3px;
			}
			
			h5.mui-content-padded {
				margin-left: 3px;
				margin-top: 20px !important;
			}
			
			h5.mui-content-padded:first-child {
				margin-top: 12px !important;
			}
			
			.ui-alert {
				text-align: center;
				padding: 20px 10px;
				font-size: 16px;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav home_top">
			<h1 class="mui-title"><span lang>线下商户</span></h1>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<a class="title_right" id="transfer_out_record" lang>商户管理</a>
		</header>
		<div style="height: 100%;width: 100%;margin-top: 54px;" class="divColumn divCenter" id="content" v-cloak>

			<div style="width: 96%;height: 100%;padding-top: 10px;" class="divColumn">
				<div style="width: 100%;height: 48px;background: white;padding: 0px 10px;" class="leftAndRight" id="showCityPicker3">
					<div class="divRow divColumnCenter">
						<span style="color: #B3B3B3;font-size: 14px;">当前位置：</span>
						<span style="color:black;font-size: 14px;" id="cityName">长沙市</span>

					</div>
					<span style="color:#88C500;font-size: 14px;">选择城市</span>

				</div>

			</div>
			<ul>
				<li v-for="(item,index) in dataList" :key='index'>
					<div class="liDivWrap divRow" @tap='itemClick(index)'>
						<div style="width: 30%;height: 100%;" class="divCenter">
							<img src="../../img/default_shop1.jpg" style="width: 100%;height: 100%;object-fit: cover;" />
						</div>
						<div style="width: 70%;height: 100%;padding: 0px 10px;" class="divColumn">
							<div style="width: 100%;height: 25%;" class="leftAndRight">

								<span style="color: black;font-size: 14px;">正华实木家具批发</span>
								<!--<span style="color: #FE9F00;font-size: 14px;">1.97km</span>-->

							</div>
							<div style="width: 100%;height: 25%;" class="divRow divColumnCenter">

								<span style="color: #999999;font-size: 14px;">主营：</span>
								<span style="color: black;font-size: 14px;">中，欧，美套房家具</span>

							</div>
							<div style="width: 100%;height: 25%;" class="divRow divColumnCenter">

								<span style="color: #999999;font-size: 14px;">地址：</span>
								<span style="color: black;font-size: 14px;">岳麓区商贸城23栋108号</span>

							</div>
							<div style="width: 100%;height: 25%;" class="divRow divColumnCenter">

								<span style="color: #999999;font-size: 14px;">联系：</span>
								<span style="color: black;font-size: 14px;">周城军 18570395938</span>

							</div>
						</div>

					</div>

				</li>
			</ul>

		</div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/config.js"></script>
		<script src="../../js/common.js"></script>
		<script src="../../mall/vue/vue.min.js"></script>
		<script src="../../mall/vue/swiper/swiper.min.js"></script>
		<script src="../../mall/vue/vue-scroller.min.js"></script>
		<script src="../../js/jquery-2.1.4.js"></script>
		<script src="../../js/mui.picker.js"></script>
		<script src="../../js/mui.poppicker.js"></script>
		<script src="../../js/city.data.js"></script>
		<script src="../../js/city.data-3.js"></script>

		<script>
			mui.init();
			mui.back();
			var content = new Vue({
				el: '#content',
				data: {
					dataList: [{}, {}, {}, {}, {}],
				},

				created: function() {},
				beforeMount: function() {

				},
				mounted: function() {

				},
				methods: {

					itemClick: function(index_) {
						mui.openWindow({
							url: 'merDetails.html',
							id: 'merDetails.html'
						})
					}

				}

			});

			$('#transfer_out_record').click(function() {
				mui.openWindow({
					url: 'merManager.html',
					id: 'merManager.html'
				})

			})
		</script>
		<script>
			(function($, doc) {
				$.init();
				$.ready(function() {
					var _getParam = function(obj, param) {
						return obj[param] || '';
					};
					var cityPicker3 = new $.PopPicker({
						layer: 3
					});

					cityPicker3.setData(cityData3);

					var showCityPickerButton = doc.getElementById('showCityPicker3');
					var cityResult3 = doc.getElementById('cityName');
					showCityPickerButton.addEventListener('tap', function(event) {
						cityPicker3.show(function(items) {

							cityResult3.innerText = _getParam(items[0], 'text') + " " + _getParam(items[1], 'text') + " " + _getParam(items[2], 'text');

							//					$('#cityName').innerHTML=_getParam(items[0], 'text') + " " + _getParam(items[1], 'text') + " " + _getParam(items[2], 'text');	

							//返回 false 可以阻止选择框的关闭
							//return false;
						});
					}, false);
				});
			})(mui, document);
		</script>
	</body>

</html>